@import url('https://fonts.googleapis.com/css2?family=Aleo&family=Special+Elite&display=swap');

body {
    background-color: red;
}

h3 {
    font-family: 'Special Elite', cursive;
    font-size: 25px;
}

h4, h5, p, a{
    font-family: 'Aleo', serif;
}

.contenedor1 {
    float: left;
    width: 300px;
    background-color: white;
    margin: 25px auto 25px 25px;
    padding: 20px;
    border: 2px solid black;
    border-radius: 8px;
    text-align: center;
}

.contendor2 {
    float: left;
    width: 180px;
    background-color: rgb(240, 240, 240);
    margin: 25px auto 25px 5px;
    padding: 20px;
    border: 2px solid black;
    border-radius: 8px;
    text-align: left;
    
}

.contenedor3 {
    float: left;
    width: 400px;
    background-color: rgb(235, 233, 233);
    margin: 25px auto 25px 5px;
    padding: 20px;
    border: 2px solid rgb(223, 170, 170);
    border-radius: 8px;
    text-align: left;
    font-family: 'Aleo', serif;
}